<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home Page</title>

<script language="javascript" type="text/javascript">
// <!CDATA[

function Button1_onclick() {
if(document.myForm.username.value == "")
    alert("UserName Can Not Be Null!")
javascript:myForm.submit()
}

function Button2_onclick() {
    window.open("CustomerRegistration.htm","_self");
}

// ]]>
</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery_tabs.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {$('#tabs_news').tabs({ fxFade: true, fxSpeed: 'fast' });});
</script>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="resize">
      <div class="logo"><img src="images/logo.png" alt="picture" width="171" height="42" border="0" /></a></div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="slider_resize">
    <div class="clr"></div>
  </div>
  <div class="FBG">
    <div class="clr"></div>
  </div>
  <div class="body">
    <div class="resize">
      <div class="left">
        <h2>Welcome to Snazzy Bids</h2>
        <p class="body">We are home to the snazziest items on the internet! Login or Register to the right to purchase some of the coolest stuff in the world. If you need any help feel free to contact someone from the Snazzy Crew.</p>
        <img src="images/img_3.jpg" alt="picture" width="168" height="168" style="margin:10px 20px 0 0; padding:0;" />
        <img src="images/img_2.jpg" alt="picture" width="168" height="168" style="margin:10px 20px 0 0; padding:0;" />
        <img src="images/img_1.jpg" alt="picture" width="168" height="168" style="margin:10px 20px 0 0; padding:0;" />
      </div>
      <div class="right">
        <h2>Snazzy Login</h2>
		<form name="myForm" action="login.jsp" method="post">
		<p>User ID :
        <input id="Text1" name="username" type="text" />
        </p>
        <input id="Button1" style="width: 70px" type="button" value="Log In" onclick="return Button1_onclick()" />
        &nbsp;
        <input id="Button2" style="width: 70px" type="button" value="Register" onclick="return Button2_onclick()" /><br />
        <br />
        </form>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="resize" style="background:#141414;">
      <p class="leftt">Created by: Andrew Gratta, Sarah Jordan, and Kevin O'Flaherty<br />
      <p class="rightt"><span class="leftt">Copyright. All Rights Reserved</span></p>
      <p class="rightt">Developed for CSE305 at Stony Brook University</p>
      <div class="clr"></div>
    </div>
  </div>
</div>
</body>
</html>